<!-- 模块说明 -->
<template>
    <div>
        <div class="top">
            <div>
                <van-nav-bar title="设置" left-text="" left-arrow @click-left="onClickLeft" />
            </div>
        </div>
        <div class="center">
            <div class="color"></div>
            <div class="gongN same">
                <ul>
                    <li @click="userSet">
                        <div>
                            <span>个人设置</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                    <li @click="sellerSet">
                        <div>
                            <span>卖家设置</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                </ul>
            </div>
            <div class="color"></div>
            <div class="gongN same">
                <ul>
                    <li @click="help">
                        <div>
                            <span>帮助</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                    <li @click="showPopup">
                        <div>
                            <span>用户协议</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                    <li @click="showPopup1">
                        <div>
                            <span>隐私政策</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                </ul>
            </div>
            <div class="color"></div>
            <div class="gongN same">
                <ul>
                    <li @click="showPopup2">
                        <div>
                            <span>关于</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                    <li @click="dialog">
                        <div>
                            <span>注销账号</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                    <li @click="showPopup3">
                        <div>
                            <span>喜欢我们, 打分鼓励</span>
                        </div>
                        <span class="s1"><van-icon name="arrow" /></span>
                    </li>
                    <li>
                        <div>
                            <span>版本</span>
                        </div>
                        <span class="s1">5.1.4</span>
                    </li>
                </ul>
            </div>
            <div class="color"></div>
            <div class="tuichu">
                退出登录
            </div>
            <!-- <div class="color" style="height:120px"></div> -->
        </div>
        <van-popup v-model:show="show" position="bottom" :style="{ height: '70%' }">
            <div>日书街网络服务使用协议以及版权声明</div>

            <p>1受条款</p>
            <p>日书街根据以下服务条款为您提供服务。这些条款可由旧书街不时地进行修改，修改后的内容会通过我公司官网(WWWJIUSHUJIE.COM)、旧书街等渠道公布，公布七日后生效，并取代此前相关内容。此外，当您使用旧书街特殊服务时，您和旧书街应遵守旧书街随时公布的与该服务相关的指引和规则。前述所有的指引和规则，均构成本使用协议的一部分。
                您在使用旧书街提供的各项服务之前，应仔细阅读本使用协议。如您不同意本使用协议及/或随时对其的修改，请您立即停止使用旧书街所提供的全部服务;您一旦使用旧书街服务，即视为您已了解并完全同意本使用协议各项内容，包括旧书街对使用协议随时所做的任何修改，并成为旧书街用户(以下简称“用户”)
            </p>
            <p> 2服务说明</p>
            <p>旧书街目前仅向用户提供必要的服务帮助用户出售和购买书籍，用户可以在旧书街中发布书籍出售信息、发表书籍评论。除非本使用协议另有其它明示规定，增加或强化目前本服务的任何新功能，包括所推出的新产品，均受到本使用协议之规范。
                您的注册义务
                为了能使用本服务全部功能，您同意以下事项:
                依本服务完善用户账号信息的提示请您填写正确的电话和密码，并确保今后更新的登录电话等资料的有效性和合法性。若您提供任何违法、不道德或旧书街认为不适合在旧书街上展示的资料;或者旧书街有理由怀疑你的资料属于程序或恶意操作，旧书街有权暂停或终止您的帐号，并拒绝您于现在和未来使用本服务之全部或任何部分。
                用户帐号、密码及安全
                完成本服务的注册程序并成功注册之后，您可使用您的电话和密码，登录到您在旧书街的帐号 (下称“帐号”) 。保护您的帐号安全，是您的责任。您同意:
                1)您的旧书街帐号遭到未获授权的使用，或者发生其它任何安全问题时，您将立即通知旧书街;
                2)如果您未保管好自己的帐号和密码，因此而产生的任何损失或损害，旧书街无法也不承担任何责任;
                5日书隐私权政策
                您提供的登记资料及旧书街保留的有关您的若干其它资料将受到中国有关隐私的法律和本公司《隐私声明》之规范。</p>
            <p>6用户行为</p>
            <p>用户同意将不会利用本服务进行任何违法或不正当的活动，包括但不限于下列行为
                1)发布或以其它方式传送含有下列内容之一的信息
                *反对宪法所确定的基本原则的;
                危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的
                损害国家荣誉和利益的;
                煽动民族仇恨、民族歧视、破坏民族团结的;
                破坏国家宗教政策，宣扬邪教和封建迷信的;
                *散布谣言，扰乱社会秩序，破坏社会稳定的;
                *散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;
                *侮辱或者诽谤他人，侵害他人合法权利的;
                *含有虚假、诈骗、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗、猥亵
                或其它道德上令人反感的内容;*含有中国法律、法规、规章、条例以及任何具有法律效力之规范所限制或禁止的其它内容的;
                含有旧书街认为不适合在旧书街展示的内容
                2)以任何方式危害他人的合法权益;
                3)冒充其他任何人或机构，或以虚伪不实的方式陈述或谎称与任何人或机构有关;4)将依据任何法律或合约或法定关系(例如由于雇佣关系和依据保密合约所得知或揭露之内部资料、专属及机密资料)知悉但无权传送之任何内容加以发布、发送电子邮件或以其它方式传送;
                5)将侵害他人著作权、专利权、商标权、商业秘密、或其它专属权利 (以下简称“专属权利”)之内容加以发布或以其它方式传送;6)将任何广告信函、促销资料、“垃圾邮件”““滥发信件”“连锁信件”“直销”或
                其它任何形式的劝诱资料加以发布、发送或以其它方式传送;
                7)将设计目的在于干扰、破坏或限制任何计算机软件、硬件或通讯设备功能之计算机病毒(包括但不限于木马程序 (trojan horses) 、蠕虫 (worms) 、定时炸弹、删除蝇 (cancelbots)
                (以下简称“病毒”)或其它计算机代码、档案和程序之任何资料，加以发布、发送或以其它方式传送;8)干扰或破坏本服务或与本服务相连线之服务器和网络，或违反任何关于本服务连线网络之规定、程序、政策或规范;
                9)跟踪、人肉搜索或以其它方式骚扰他人;
                10)故意或非故意地违反任何适用的当地、国家法律，以及任何具有法律效力的规则;11)未经合法授权而截获、篡改、收集、储存或删除他人个人信息、站内邮件或其它数据资料，或将获知的此类资料用于任何非法或不正当目的。
                您了解并同意，旧书街依据法律法规的要求，或基于诚信为了以下目的或在合理必要范围内，认定必须将内容加以保存或揭露时，得加以保存或揭露:
                a)遵守法律程序;
                b)执行本使用协议;
                回应任何第三人提出的权利主张;
                d保护旧书街、其用户及公众之权利、财产或个人安全:
                e)其它旧书街认为有必要的情况。</p>
        </van-popup>
        <van-popup v-model:show="show1" position="bottom" :style="{ height: '70%' }">
            <p>日书街用户隐私政策</p>
            <p>版本发布日期:2019年8月1日</p>
            <p>版本生效日期:2019年8月1日</p>
            <p>
                尊敬的旧书街用户(以下简称“您”，成都书街科技有限公司(以下简称“我公司”重视用户的隐私，您在使用旧书街时，我公司将按照《旧书街用户隐私政策》(以下简称“本政策”收集、存储、使用及对外提供您的个人信息。为了保证对您的个人隐私信息合法、合理、适度的收集、使用，并在安全、可控的情况下进行传输、存储，我公司制定了本政策，请您仔细阅读本政策并确定了解我公司对您个人信息的处理规则。阅读过程中，如您有任何疑问，可发电子邮件至k@iiushujie.com咨询。
            </p>
            <p>
                本政策将帮助您了解以下内容:
                我公司如何收集和使用您的个人信息
                我公司如何使用Cookie技术
                我公司如何共享、转让和公开披露您的个人信息
                g
                我公司如何存储和保护您的个人信息
                五您如何管理您的个人信息
                我公司如何保护未成年人信息六、
                您的个人信息如何在全球范围转移七、
                本政策如何更新
                九、如何联系我公司
            </p>
        </van-popup>
        <van-popup v-model:show="show2" position="bottom" :style="{ height: '50%' }">
            <p>
                买卖二手书就上旧书街
            </p>
            <p>
                --------]日书街简介--------
                日书街是一个书籍交易平台，可以满足买书、卖书、换书、送书的多元化需求。在旧书街，不仅可以发挥书籍的最大价值，还可以结识到更多热心的书友。
                -------功能特点--------
                [种类齐全]书籍种类齐全，上课、考研、出国、学习等等 要用的书应有尽有;
                [超低价格]书本多是同学们不需要后进行出售的，价格极低，甚至免费;
                (扫码上传]扫描条形码即可发布书本，通过出售或求购央速实现日书交易;
                [在线聊天]书友之间可以随时随地在线进行交流，沟通方便快捷;
                ----联系我价-------
                官方网站: www.jiushuiie.com
                文域业务合作: hz@iiushujie.com
            </p>
        </van-popup>
        <van-popup v-model:show="show3" :style="{ height: '15%', width: '50%' }">
            <div style="text-align: center; line-height: 40px;">
                <van-rate v-model="value" icon="like" void-icon="like-o"  />
                <van-button color="#ccad74" @click="show3 = false;">&emsp;确认&emsp;</van-button>
            </div>
            
        </van-popup>

    </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { showConfirmDialog } from 'vant';

const value = ref(5);
const router = useRouter()
const onClickLeft = () => history.back();

const dialog = () => {
    showConfirmDialog({
        title: '确认注销 ?'
    })
        .then(() => {
            // on confirm
            console.log('okok')
        })
        .catch(() => {
            // on cancel
        });
}


const userSet = () => {
    router.push('/userset')
}
const sellerSet = () => {
    router.push('/sellerset')
}
const help = () => {
    router.push('/help')
}

const show = ref(false);
const showPopup = () => {
    show.value = true;
};
const show1 = ref(false);
const showPopup1 = () => {
    show1.value = true;
};
const show2 = ref(false);
const showPopup2 = () => {
    show2.value = true;
};
const show3 = ref(false);
const showPopup3 = () => {
    show3.value = true;
};
</script>

<style lang="scss" scoped>
.top {
    height: 7vh;
    // border-bottom: 1px solid red;
}

.center {
    .gongN {
        margin-top: 10px;
        overflow: hidden;

        li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            border-bottom: 1px solid #e1e1e1;

            .s1 {
                color: #a1a1a1;
            }
        }
    }

    .color {
        height: 15px;
        background-color: #f1f1f1;
    }

    .tuichu {
        height: 40px;
        font-size: 20px;
        color: #ccad74;
        text-align: center;
        line-height: 40px;
        border-bottom: 2px solid #ccad74;
    }
}
</style>

